
//banner
var bannerlist = document.querySelector(".bannerimg");
//找到 类为bannernav的子元素 5个li
var bannernav = document.getElementsByClassName("bannernav")[0].children;
//打印看看
//console.log(bannernav);
var i = 0; //声明一个标记
//创建一个定时器
var timer = setInterval(move,3000);
//轮播图
function move() {
	i++;
	//轮播图有5张，所以做这个判断
	if (i==5) {
		i=0;
	}
	//无序列表距离左侧的外边距，不断靠近
	bannerlist.style.marginLeft = -i*820+"px";
	//对应上每张轮播图的内容
	for (var x=0;x<bannernav.length;x++) {
		bannernav[x].children[0].className = "";
	}
	//将轮播图导航添加上类 now
	bannernav[i].children[0].className = "now";
}
//完成以上运行下，轮播图可以移动了
//当鼠标悬浮到轮播图下的内容
for (var y = 0;y<bannernav.length;y++) {
	//第几个内容	
	bannernav[y].index = y;
	//在轮播图导航上添加鼠标移动事件
	bannernav[y].onmousemove = function() {
		//清除定时器
		clearInterval(timer);
		//this表示本类的
		i=this.index
		//设置轮播图移动
		bannerlist.style.marginLeft = -i*820+"px";
		for (var z = 0;z<bannernav.length;z++) {
			bannernav[z].children[0].className = "";
		}
		this.children[0].className = "now";
	}
	//鼠标移出轮播图导航
	bannernav[y].onmouseout = function() {
		timer = setInterval(move,3000);
	}
}